<template>
  <view>
      <join-group-chat :style="[joinStyle]" v-if="show" :template-id="id" />
  </view>
</template>

<script>
export default {
  name: 'join',
  props: {
    dataConfig: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      show:false,
      id: ''
    }
  },
  computed: {
    joinStyle() {
      return {
        'padding-top': `${this.dataConfig.topConfig.val}rpx`,
        'padding-bottom': `${this.dataConfig.bottomConfig.val}rpx`
      };
    },
  },
  mounted() {
   setTimeout(()=>{
      console.log('=========>加入群聊',this.dataConfig)
    },2000)
    this.id=this.dataConfig.titleConfig.value
    if(this.id){
      this.show=true
    }
  }
}
</script>

<style lang="scss" scoped>

</style>